

let menu = document.getElementById("menu")

const getCart = () => ajax({ //获取导航api

    url: "http://chst.vip:1234/api/getindexmenu"

})

getCart()

    .then(res => {
       
        let resFin = res.result  //完整的数据
        let newRes = res.result.slice(0, 8)  //首次渲染切割后的数据
        fn(newRes)  //首次调用渲染 之后的渲染都是通过下面的点击事件进行渲染
        // console.log(11);
        let flage = true   //全局设置开关，让点击事件的时候来回切换
            function fn(data) {
            let html = ""
            data.forEach(res => {
                var img = res.img.substring(10, res.length)
                html += `
            <a  href="${res.titlehref}" class="box" id="box1">
            <div><img src="./../${img}</div>
            <p>${res.name}</p>
            </a>
                `

            });
            menu.innerHTML = html
            // console.log(data);
            // console.log(menu);
            // console.log( menu.children[7]);
            menu.children[7].onclick = () => { 
                console.log("完整的数据渲染");
                if (flage) {
                    fn(resFin)
                    flage = !flage
                } else {                    
                    fn(newRes)
                   console.log("切割后的数据渲染");
                    flage = !flage
                }
            }

        }
       
    })


    let main=document.getElementById("main")
const getMain=()=>ajax({

    url:"http://chst.vip:1234/api/getmoneyctrl"
   
})
getMain()
    .then(res=>{
        res=res.result
        console.log(res);
        let html=""
        // console.log(res.productImg2);
        res.forEach(data=>{
            html +=`
            <div id="imgBox">${data.productImg2}</div>
            <div id="textBox"></div>
            `

        })

        main.innerHTML=html














    })